<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>极速版</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="../../Resources/mall2/css/list.css">
</head>
<body>
	<div id="mall_header" class="fastheader">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢网</a>
					|<a href="">我的订单</a>
					|<a href="">积分商城</a>
					|<a href="">帮助中心</a>
					|<a href="">在线客服</a>
					|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>	
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="header_main">
				<a href="###" class="logofast"></a>
				<div class="header_title">
					找钢商城极速版
					<p class="header_titletip">享受在线交易极速体验<a href="###">返回普通版&gt;&gt;</a></p>
				</div>
				<a href="warehouse.html" class="btn_warehouse">仓库列表</a>
			</div>
		</div>
	</div>

	<div class="subnav_fast">
		<a href="###" class="active">热卷超市</a>
		<a href="###">建材超市</a>
		<a href="###">中板超市</a>
		<a href="###">冷镀超市</a>
	</div>
	<div class="container">
		<ul class="searchbox searchfast">
			<li>
				<select><option value="全国">全国</option><option value="南京市">南京市</option><option value="杭州市">杭州市</option><option value="石家庄市">石家庄市</option><option value="上海市">上海市</option></select>
				<span>规格</span>
				<div class="searchbox_option">
					<input type="text" />
					<ul style="width:118px">
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷冷轧卷冷轧卷冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
					</ul>
				</div>
				<span>材质</span>
				<div class="searchbox_option">
					<input type="text" style="width:80px;" />
					<ul>
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
					</ul>
				</div>
				<span>钢厂</span>
				<div class="searchbox_option">
					<input type="text" style="width:82px;" />
					<ul style="width:92px;">
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
					</ul>
				</div>
				<span>品名</span>
				<div class="searchbox_option">
					<input type="text" style="width:82px;" />
					<ul style="width:92px;">
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
					</ul>
				</div>
				<span>仓库</span>
				<div class="searchbox_option">
					<input type="text" style="width:82px;" />
					<ul style="width:92px;">
						<li title="冷轧卷">冷轧卷</li>
						<li title="冷轧卷">冷轧卷</li>
					</ul>
				</div>
			</li>
			<li class="searchbox_sub">
				<span>厚度</span><input type="text" style="" />-<input type="text" style="margin-right:30px;" />
				<span>宽度</span><input type="text" style="" />-<input type="text" style="margin-right:30px;" />
				<span>长度</span><input type="text" style="" />-<input type="text" style="margin-right:30px;" />
				<button class="btnsearch">搜索</button>
			</li>
		</ul>
		<div class="mainbox">
			<table width="100%" class="listbox listfast">
				<thead>
					<tr>
						<th>钢厂</th>
						<th>品名</th>
						<th>材质</th>
						<th>规格</i></th>
						<th>地区</th>
						<th>仓库</th>
						<th>件数</th>
						<th>件重</th>
						<th>单价</th>
						<th>可供/吨</th>
						<th width="76"><select><option value="默认">默认</option><option value="从高到低">从高到低</option></select></th>
					</tr>
				</thead>
				<tbody>
					<tr>
	          <td>黄山石力</td>
						<td>无取向硅钢卷</td>
						<td>SPHC-P(SB)</td>
						<td class="blue">1.45*1250*C</td>
						<td>上海</td>
						<td>新通豪库</td>
						<td>2</td>
						<td>24.145</td>
						<td class="red">2470</td>
						<td>135.728</th>
	          <td><a href="###" class="btn_buy">锁货</a></td>
	        </tr>
  				<tr>
            <td>黄山石力</td>
  					<td>无取向硅钢卷</td>
  					<td>SPHC-P(SB)</td>
  					<td class="blue">1.45*1250*C</td>
  					<td>上海</td>
  					<td>新通豪库</td>
  					<td>2</td>
  					<td>24.145</td>
  					<td class="red">2470</td>
  					<td>135.728</th>
            <td><a href="###" class="btn_buy">锁货</a></td>
          </tr>
  				<tr>
            <td>黄山石力</td>
  					<td>无取向硅钢卷</td>
  					<td>SPHC-P(SB)</td>
  					<td class="blue">1.45*1250*C</td>
  					<td>上海</td>
  					<td>新通豪库</td>
  					<td>2</td>
  					<td>24.145</td>
  					<td class="red">2470</td>
  					<td>135.728</th>
            <td><a href="###" class="btn_buy">锁货</a></td>
          </tr>
  				<tr>
            <td>黄山石力</td>
  					<td>无取向硅钢卷</td>
  					<td>SPHC-P(SB)</td>
  					<td class="blue">1.45*1250*C</td>
  					<td>上海</td>
  					<td>新通豪库</td>
  					<td>2</td>
  					<td>24.145</td>
  					<td class="red">2470</td>
  					<td>135.728</th>
            <td><a href="###" class="btn_buy">锁货</a></td>
          </tr>
  				<tr>
            <td>黄山石力</td>
  					<td>无取向硅钢卷</td>
  					<td>SPHC-P(SB)</td>
  					<td class="blue">1.45*1250*C</td>
  					<td>上海</td>
  					<td>新通豪库</td>
  					<td>2</td>
  					<td>24.145</td>
  					<td class="red">2470</td>
  					<td>135.728</th>
            <td><a href="###" class="btn_buy">锁货</a></td>
          </tr>
  				<tr>
            <td>黄山石力</td>
  					<td>无取向硅钢卷</td>
  					<td>SPHC-P(SB)</td>
  					<td class="blue">1.45*1250*C</td>
  					<td>上海</td>
  					<td>新通豪库</td>
  					<td>2</td>
  					<td>24.145</td>
  					<td class="red">2470</td>
  					<td>135.728</th>
            <td><a href="###" class="btn_buy">锁货</a></td>
          </tr>
				</tbody>
			</table>
			<div class="logintips">
				<a href="###">登录</a>&nbsp;即可免费查看更多现货资源。<a href="###" class="logintips_link">点击这里 免费注册</a>
			</div>
			<div class="pkg_page clearfix">
	  		<a href="javascript:" class="up up_nocurrent">上一页</a>
	  		<a href="javascript:" class="current">1</a>
	  		<a href="javascript:">2</a>
	  		<a href="javascript:">3</a>
	  		<a href="javascript:">4</a>
	  		<span class="pkg_page_ellipsis">...</span>
	  		<a href="javascript:">99</a>
	  		<a href="javascript:" class="down">下一页</a>
	  		<span class="pkg_pagevalue">
	  			到<input type="text" id="iptPageTxt" class="pkg_page_num">页<a href="javascript:" class="pkg_page_submit">确定</a>
	  		</span>
	  	</div>
		</div>

		<div class="sidebox sidefast">
			<div class="sidebox_tab">
				<span>锁货列表</span>
				<span class="active">待处理</span>
			</div>
			<div class="sidebox_cnt">
				<div class="tabcnt">
					<p class="sidebox_cnt_tips"><a href="###">登录</a>&nbsp;并查看更多货物</p>
				</div>
				<div class="tabcnt active">
					<ul class="buylist">
						<li>
							<div class="buylist_cnt">
								<p><strong>本钢&nbsp;冷轧卷</strong><span></span></p>
								<p class="highlight">Q398B 50*3000*800</p>
								<p class="buylist_cnt_info"><span class="area">杭州市</span>&nbsp;/&nbsp;三号仓&nbsp;/&nbsp;0.942吨</p>
							</div>
							<div class="buylist_option">
								<p><strong>&yen;400</strong></p>
								<input type="text" value="1">
								<a href="###" class="buylist_option_del">删除</a>
								<div class="buylist_option_delbox">
									<a href="###" class="cancel">取消</a>
									<a href="###" class="delete">删除</a>
								</div>
							</div>
						</li>
						<li>
							<div class="buylist_cnt">
								<p><strong>本钢&nbsp;冷轧卷</strong></p>
								<p class="highlight">Q398B 50*3000*800Q398B 50*300000*800Q398B 50*3000*800</p>
								<p class="buylist_cnt_info"><span class="area">杭州市</span>&nbsp;/&nbsp;三号仓&nbsp;/&nbsp;0.942吨</p>
							</div>
							<div class="buylist_option">
								<p><span class="stockout">缺货</span></p>
								<input type="text" value="1" disabled="disabled">
								<a href="###" class="buylist_option_del">删除</a>
								<div class="buylist_option_delbox">
									<a href="###" class="cancel">取消</a>
									<a href="###" class="delete">删除</a>
								</div>
							</div>
						</li>
					</ul>
					<div class="buyempty">清空所有货物</div>
					<div class="buyinfo">
						<p>打款抬头</p>
						<select>
							<option value="个人用户">个人用户</option>
						</select>
						<p>交易员<a href="###" class="add">新增</a></p>
						<select>
							<option value="请选择">请选择</option>
							<option value="某某某">某某某</option>
						</select>
						<div class="buytotal">
							<p>
								<span class="buytotal_piece">共计<strong>3</strong>件</span>
								<strong>1.855</strong>吨
							</p>
							<p>&yen;<strong>18878.30</strong>元</p>
						</div>
						<button class="btnbuy">确认下单</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="advantage">
			<ul class="w1180">
				<li><i class="ad1"></i>免费找货找车</li>
				<li><i class="ad2"></i>商城钢厂直供</li>
				<li><i class="ad3"></i>品种规格齐全</li>
				<li><i class="ad4"></i>仓储加工一体</li>
				<li><i class="ad5"></i>缺钱可打白条</li>
			</ul>
		</div>

		<ul class="help_link w1180">
			<li>
				<dl>
					<dd><a href="" target="_blank">我是买家，如何找货</a></dd>
					<dd><a href="" target="_blank">资源单找货</a></dd>
					<dd><a href="" target="_blank">我是买家，如何找车</a></dd>
					<dd><a href="" target="_blank">添加胖猫物流APP</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">商城钢厂直供</a></dd>
					<dd><a href="" target="_blank">商城采购流程</a></dd>
					<dd><a href="" target="_blank">合作钢厂</a></dd>
					<dd><a href="" target="_blank">售后政策</a></dd>
					<dd><a href="" target="_blank">退换流程</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">品类规格齐全</a></dd>
					<dd><a href="" target="_blank">自营现货</a></dd>
					<dd><a href="" target="_blank">第三方资源</a></dd>
					<dd><a href="" target="_blank">实行行情</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">仓储加工一体化</a></dd>
					<dd><a href="" target="_blank">胖猫加工简介</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">缺钱可打白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条简介</a></dd>
					<dd><a href="" target="_blank">胖猫白条申请流程</a></dd>
					<dd><a href="" target="_blank">如何使用胖猫白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条如何还款</a></dd>
				</dl>
			</li>
		</ul>

		<div class="copyright">
			<div class="link">
				<a href="" target="_blank">关于我们</a>
				| <a href="" target="_blank">法律声明</a>
				| <a href="" target="_blank">诚聘英才</a>
				| <a href="" target="_blank">联系我们</a>
				| <a href="" target="_blank">友情链接</a>
				| <a href="" target="_blank">常见问题</a>
			</div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015德勤--华兴高科技高成长50强明日之星</span>
				<span>中国互联网诚信示范企业</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="http://www.shjbzx.cn/" class="img5" target="_blank"></a>
				<a href="" class="img3"></a>
				<a href="" class="img6"></a>
			</div>
		</div>
	</div>


	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>
	<script>
	//回到顶部
		var gotop = new goTop();
	//搜索弹出列表
	$('.searchbox_option').mouseover(function() {
		$(this).find('ul').show();
	});
	$('.searchbox_option').mouseout(function() {
		$(this).find('ul').hide();
	});
	//tab
	$('body').on('click','.sidebox_tab span',function(){
		var _index = $(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$(this).parents('.sidebox').find('.tabcnt').eq(_index).addClass('active').siblings().removeClass('active');
	})

	//锁货删除
	$('.buylist_option_del').click(function() {
		$(this).siblings('.buylist_option_delbox').show();
	});
	$('.buylist_option .delete,.buylist_option .cancel').click(function() {
		$('.buylist_option_delbox').hide();
	});
	//新增弹层
	$('.buyinfo .add').click(function(){
		var popupAdd = new CatPopup({
			template: '<div class="poplockadd"><div class="poplockadd_title">新增交易员</div><div>交易员姓名或工号：<input type="text"/></div></div><div class="poplockadd_btn"><button class="btn_confirm">确定</button></div>'
		});
	})

	//确认下单弹层
	$('.btnbuy').click(function(){
		var popupAdd = new CatPopup({
			template: '<div class="popwarn"><i class="icon_heedmid"></i><div class="popwarn_title">无法在线交易</div><div class="popwarn_tips">您好，个人用户无法在线交易，如需在线交易请使用企业用户。</div><div class="popwarn_btn"><button class="btn_confirm">确定</button><button class="btn_cancel">取消</button></div></div>'
		});
	})
	//锁货弹层
	$('.btn_buy').click(function(){
		var popupAdd = new CatPopup({
			width:360,
			paddingTB:0,
			paddingLR:0,
			template:'<div class="poplock">'+
								'<div class="poplock_title">'+
									'勾选+要买的件重货物'+
								'</div>'+
								'<div class="poplock_cnt">'+
									'<p class="highlight">武钢&nbsp;普卷&nbsp;Q235B&nbsp;7.5*1500*C</p>'+
									'<p><span class="area">重庆</s+pan>&nbsp;/&nbsp;鹏程库&nbsp;/&nbsp;55.485</p>'+
									'<table class="poplock_list">'+
										'<tr>'+
											'<th width="130px">件重</th>'+
											'<th width="">件数</th>'+
											'<th width="130px">选择</th>'+
										'</tr>'+
										'<tr>'+
											'<td>27.170</td>'+
											'<td>1</td>'+
											'<td><input type="checkbox"></td>'+
										'</tr>'+
										'<tr>'+
											'<td>27.170</td>'+
											'<td>1</td>'+
											'<td><input type="checkbox"></td>'+
										'</tr>'+
										'<tr>'+
											'<td>27.170</td>'+
											'<td>1</td>'+
											'<td><input type="checkbox"></td>'+
										'</tr>'+
										'<tr>'+
											'<td>27.170</td>'+
											'<td>1</td>'+
											'<td><input type="checkbox"></td>'+
										'</tr>'+
										'<tr>'+
											'<td>27.170</td>'+
											'<td>1</td>'+
											'<td><input type="checkbox"></td>'+
										'</tr>'+
									'</table>'+
								'</div>'+
							'</div>'
		});
	})

	$('body').on('click', '.poplock_list input', function() {
		$(this).parents('tr').toggleClass('checked');
	});




	</script>

</body>
</html>